<template>
  <div class="wrap">
    <leftNav></leftNav>
    <indexTopTitle></indexTopTitle>
    <musicAreaVue></musicAreaVue>
  </div>
</template>

<script>
import leftNav from './leftNav.vue';
import indexTopTitle from './indexTopTitle.vue';
import musicAreaVue from './musicAreaVue.vue';
export default {
  name: "indexMain",
  components: {
    leftNav,
    indexTopTitle,
    musicAreaVue
  },
  data() {
    return {};
  }
};
</script>

<style scoped>
.wrap {
  width: 810px;
  height: 690px;
  margin: 30px auto;
  background-color: #eee;
  position: relative;
  padding-left: 210px;
  box-shadow: 0 0 50px #d5d5d5;
}
</style>
